import { StyleSheet, Text, View, TouchableWithoutFeedback, Image } from 'react-native'
import React from 'react'
import { pTx } from "../../utils/dimensions"
import IconFont from '@pingtou/rn-vant-icons'


export default function SystemManagement(props) {
    return (
        <View style={styles.page}>
            <View style={styles.cellGroup} >
                <TouchableWithoutFeedback onPress={() => props.navigation.navigate('web3View', { url: "https://home.tweetwallet.io/#/index" })}>
                    <View style={[styles.cell]} >
                        <View style={styles.cellLeft} >
                            <Text style={styles.cellName} >官方网站</Text>
                        </View>
                        <IconFont name="arrow" color={"rgba(178, 178, 178, 1)"} size={pTx(14)} />
                    </View>
                </TouchableWithoutFeedback>
                <TouchableWithoutFeedback >
                    <View style={styles.cell} >
                        <View style={styles.cellLeft} >
                            <Text style={styles.cellName} >联系我们</Text>
                        </View>
                        <IconFont name="arrow" color={"rgba(178, 178, 178, 1)"} size={pTx(14)} />
                    </View>
                </TouchableWithoutFeedback>
                <TouchableWithoutFeedback>
                    <View style={styles.cell} >
                        <View style={styles.cellLeft} >
                            <Text style={styles.cellName} >安全中心</Text>
                        </View>
                        <IconFont name="arrow" color={"rgba(178, 178, 178, 1)"} size={pTx(14)} />
                    </View>
                </TouchableWithoutFeedback>
                <TouchableWithoutFeedback>
                    <View style={styles.cell} >
                        <View style={styles.cellLeft} >
                            <Text style={styles.cellName} >语言</Text>
                        </View>
                        <IconFont name="arrow" color={"rgba(178, 178, 178, 1)"} size={pTx(14)} />
                    </View>
                </TouchableWithoutFeedback>
                <TouchableWithoutFeedback>
                    <View style={styles.cell} >
                        <View style={styles.cellLeft} >
                            <Text style={styles.cellName} >意见反馈</Text>
                        </View>
                        <IconFont name="arrow" color={"rgba(178, 178, 178, 1)"} size={pTx(14)} />
                    </View>
                </TouchableWithoutFeedback>
                <TouchableWithoutFeedback onPress={() => props.navigation.navigate('about')}>
                    <View style={[styles.cell, { borderBottomWidth: 0 }]} >
                        <View style={styles.cellLeft} >
                            <Text style={styles.cellName} >关于Tweet</Text>
                        </View>
                        <IconFont name="arrow" color={"rgba(178, 178, 178, 1)"} size={pTx(14)} />
                    </View>
                </TouchableWithoutFeedback>
            </View>
        </View>
    )
}

const styles = StyleSheet.create({
    page: {
        flex: 1,
    },
    currencyIconMin: {
        width: pTx(20),
        height: pTx(20),
    },
    cellGroup: {
        backgroundColor: "#FFF",
        borderRadius: pTx(6),
        paddingHorizontal: pTx(15),
    },
    cell: {
        flexDirection: 'row',
        alignItems: "center",
        justifyContent: "space-between",
        paddingVertical: pTx(15),
        borderColor: "rgba(175, 181, 189, 0.15)",
        borderBottomWidth: 1
    },
    cellLeft: {
        flexDirection: 'row',
        alignItems: "center",
        justifyContent: "space-between",
    },
    cellName: {
        fontSize: pTx(16),
        color: "#000"
    }
})